<%@page import="study.top.jsp.WebHandler"%>
<%@page import="study.top.jsp.PageHandler"%>
<%@page import="java.util.ArrayList"%>
<%@page import="study.top.mydb.items.ProductItem"%>
<%@page import="study.top.mydb.Product"%>
<%@page import="study.top.common.PatternChecker"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ page trimDirectiveWhitespaces="true" %>

<%
	String docid = request.getParameter("docid");
	String product = request.getParameter("product");
	String itemNum = request.getParameter("itemNum");	
	
	PatternChecker checker = PatternChecker.getInstance();
	
	if(!checker.isValue(product) || !checker.isValue(itemNum)){
		out.print("<script type='text/javascript'>alert('파라미터가 없습니다.'); history.back(); </script>");
		return;
	}
	
	product = new String(product.getBytes("ISO-8859-1"), "UTF-8");
	
	int itemNum_number = Integer.parseInt(itemNum);
	
	// 찾을 상품과 보여질 상품 갯수를 받아 상품을 조회
	WebHandler web = new WebHandler(request, out);
	Product Product = new Product();
	ArrayList<ProductItem> list = Product.getProductList(product,itemNum_number);
	
	if (list == null) {
		web.goPage(null, "검색하려는 상품이 없습니다.");
		return;
	}
	
	int nowPage = web.getInt("page");
	//Article article = new Article();
	// 페이지가 있을시 페이지 번호를 받아 상품 조회
	ArrayList<ProductItem> listpage = Product.getProductpageList(product,itemNum_number,nowPage, 5, 5);
	
	if (listpage == null) {
		web.goPage(null, "검색하려는 상품이 없습니다.");
		return;
	}
	
	PageHandler p_handler = PageHandler.getInstance();

%>
<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<title>여기에 제목을 입력하세요.</title>

		<!-- 모바일 웹 페이지 설정 -->
		<link rel="shortcut icon" href="assets/ico/favicon.png" />
		<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png" />
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png" />
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png" />
		<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png" />

		<!-- bootstrap -->
		<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css" />
		<!-- 나눔고딕 웹 폰트 적용 -->
		<link rel="stylesheet" type="text/css" href="assets/css/nanumfont.css" />
		<!-- 반응형 웹을 지원하지 않을 경우 -->
		<!-- <link rel="stylesheet" href="assets/css/non-responsive.css" /> -->

		<!-- IE8 이하 버전 지원 -->
		<!--[if lt IE 9]>
		<script type="text/javascript" src="assets/js/html5shiv.js"></script>
		<script type="text/javascript" src="assets/js/respond.min.js"></script>
		<![endif]-->

		<!-- IE10 반응형 웹 버그 보완 -->
		<!--[if gt IE 9]>
		<link rel="stylesheet" type="text/css" href="assets/css/ie10.css" />
		<script type="text/javascript" src="assets/js/ie10.js"></script>
		<![endif]-->

		
	</head>

	<body>
	<div class="container">
		<div class="page-header clearfix">
			<h1 class="pull-left">상품목록</h1>
			
		</div>
		<div class="table-responsive">
			<table class="table table-striped table-hover">
				<thead>
					<tr class="warning">
						<th class="text-center">이미지</th>
						<th class="text-center">상품 명</th>
						<th class="text-center">브랜드</th>
						<th class="text-center">카테고리1</th>
						<th class="text-center">카테고리2</th>
						<th class="text-center">상품 날짜</th>
						<th class="text-center">상품 코드</th>
					</tr>
				</thead>
				<tbody>
					<%
						if (listpage.size() < 1) {
							
					%>
					<tr>
						<td colspan="8"><p class="text-center text-warning"
								style="height: 100px">저장된 데이터가 없습니다.</p></td>
					</tr>
					<%
						} else {
							for (int i=0; i<listpage.size(); i++) {
							ProductItem item1 = listpage.get(i);
					%>
					<tr class="text-center">
						<td>
							<a href="aProductAddDetailView.jsp?docid=<%=item1.getDocid()%>">
								<img width="100" height="100" src="<%=item1.getImgurl()%>">
							</a>
						</td>
						<td align="center"><%=item1.getTitle()%></td>
						<td><%=item1.getBrand()%></td>
						<td><%=item1.getC1_name()%></td>
						<td><%=item1.getC2_name()%></td>
						<td><%=item1.getPublish_date()%></td>
						<td><%=item1.getDocid()%></td>
					</tr>
					<%
							}
						}
					%>
				</tbody>
			</table>
		</div>
		
		<!-- 페이지 구현 -->
		<div class="text-center">
			<ul class="pagination pagination-centered">
<%
	// 이전 페이지 그룹 링크
	// --> 현재 페이지가 1페이지의 그룹 수 보다 작다면 첫 그룹이므로
	//     링크  비활성화
	if(p_handler.getNowPage() <= p_handler.getPageGroupCount()){
%>
				<li class="disabled"><a href="#">&laquo;</a></li>
<%
	}else{
		// 그렇지 않다면, 이전 페이지 그룹의 마지막 페이지로 링크 생성
		int prevPage = p_handler.getStartPage() -1;
%>
				<li><a href="aProductListView.jsp?product=<%=product%>&itemNum=<%=itemNum_number%>&page=<%=prevPage%>">&laquo;</a></li>
<%
	}
%>

<%
	// 현재 페이지 그룹의 첫 페이지부터 마지막 페이지까지 반복 처리
	for(int i=p_handler.getStartPage();
			i<=p_handler.getEndPage(); i++){
		String classAttr = "";
		if(i==p_handler.getNowPage()){
			classAttr = "class='active'";
		}
%>
				<li <%=classAttr%>><a href="aProductListView.jsp?product=<%=product%>&itemNum=<%=itemNum_number%>&page=<%=i%>"><%=i%></a></li>
<%
	}
%>
<%
	// 현재 페이지가 첫 마지막 페이지 그룹의 첫 페이지보다 크거나 같다면,
	// 다음 페이지로 이동할 수 없다.
	if(p_handler.getNowPage() >= p_handler.getLastGroupFirstPage()){
%>
				<li class="disabled"><a href="#">&raquo;</a></li>
<%
	}else{
		// 그렇지 않다면, 현재 그룹의 마지막페이지+1 --> 다음 그룹의 첫 페이지로
		// 이동할 링크 생성
		int nextPage = p_handler.getEndPage() + 1;
%>		
		<li><a href="aProductListView.jsp?product=<%=product%>&itemNum=<%=itemNum_number%>&page=<%=nextPage%>">&raquo;</a></li>
<%
	}
%>
			</ul>
		</div>



		<!--// 페이지 구현 -->
		
	</div>
	
	

	<!-- Javascript -->
	<script src="assets/js/jquery.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
</body>
</html>
